<template>
  <div class="tdesign-demo-block-column">
    <div class="tdesign-demo-block-row">
      <t-button theme="default"> 填充按钮 </t-button>
      <t-button variant="outline" theme="default"> 描边按钮 </t-button>
      <t-button variant="dashed" theme="default"> 虚框按钮 </t-button>
      <t-button variant="text" theme="default"> 文字按钮 </t-button>
    </div>
    <div class="tdesign-demo-block-row">
      <t-button theme="primary"> 填充按钮 </t-button>
      <t-button variant="outline" theme="primary"> 描边按钮 </t-button>
      <t-button variant="dashed" theme="primary"> 虚框按钮 </t-button>
      <t-button variant="text" theme="primary"> 文字按钮 </t-button>
    </div>
    <div class="tdesign-demo-block-row">
      <t-button theme="danger"> 填充按钮 </t-button>
      <t-button variant="outline" theme="danger"> 描边按钮 </t-button>
      <t-button variant="dashed" theme="danger"> 虚框按钮 </t-button>
      <t-button variant="text" theme="danger"> 文字按钮 </t-button>
    </div>
    <div class="tdesign-demo-block-row">
      <t-button theme="warning"> 填充按钮 </t-button>
      <t-button variant="outline" theme="warning"> 描边按钮 </t-button>
      <t-button variant="dashed" theme="warning"> 虚框按钮 </t-button>
      <t-button variant="text" theme="warning"> 文字按钮 </t-button>
    </div>
    <div class="tdesign-demo-block-row">
      <t-button theme="success"> 填充按钮 </t-button>
      <t-button variant="outline" theme="success"> 描边按钮 </t-button>
      <t-button variant="dashed" theme="success"> 虚框按钮 </t-button>
      <t-button variant="text" theme="success"> 文字按钮 </t-button>
    </div>
  </div>
</template>
